<%@ page language="java" 
 import="com.jju.A1541.dao.*"
 import="java.util.*"
 import="com.jju.A1541.model.*"
 contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>旧衣捐赠网站</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">  
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all"/> <!-- Owl-Carousel-CSS -->
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/data-modal.js "></script>
<!-- //js -->
<!-- web-fonts -->   
<link href="http://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> 
<link href="http://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
	<!-- banner -->
	<div class="banner">
		<!-- header -->
		<div class="header">
			<div class="w3ls-header"><!-- header-one --> 
				<div class="container">
					<div class="w3ls-header-right">
						<ul> 
							<li class="head-dpdn">
								<i class="fa fa-phone" aria-hidden="true"></i> 联系我们: 15779180127
							</li> 
							<li class="head-dpdn">
								<a href="#">
								<%
								User jzz = (User)session.getAttribute("login_user");
								User bjzz = (User)session.getAttribute("login_user1");
								 if(jzz ==null ){
									 if(bjzz==null){
									 out.print("<li class='head-dpdn'><a href='login.jsp'><i class='fa fa-sign-in' aria-hidden='true'></i>登录</a></li>"
											         +
											         "<li class='head-dpdn'><a href='signup.jsp'><i class='fa fa-user-plus' aria-hidden='true'></i> 注册</a></li>");
									 }else{
										 String username = (String)session.getAttribute("u");
								    	  out.print("<li>欢迎："+username+"登录本网站！");
									 }
							      }else{
							    	  String username = (String)session.getAttribute("u");
							    	  out.print("<li>欢迎："+username+"登录本网站！");
							      }
								%>
								 </a>
							</li> 
							<li class="head-dpdn">
								<a href="help.jsp"><i class="fa fa-question-circle" aria-hidden="true"></i> 帮助</a>
							</li>
							<li class="head-dpdn">
								<a href="about.jsp"><i class="fa  fa-male" aria-hidden="true"></i> 关于</a>
							</li> 
							<li class="head-dpdn">
								<a href="logout.jsp"><i class="fa  fa-sign-out" aria-hidden="true"></i> 退出</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div> 
				</div>
			</div>
			<!-- //header-one -->    
			<!-- navigation -->
			<div class="navigation agiletop-nav">
				<div class="container">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header w3l_logo">
							<button type="button" class="navbar-toggle collapsed navbar-toggle1"
									data-toggle="collapse" data-target="#bs-megadropdown-tabs">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>  
							<h1><a href="index.jsp">九院旧衣捐赠平台<span>Old clothes donation about Jiujiang University</span></a></h1>
						</div>
						<!-- 导航栏 -->
						<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="index.jsp" class="active">网站首页</a></li>
								<li class="dropdown">
									<a href="donate.jsp" class="#"  id="wysz">我要捐赠</a>
								</li>
								<li><a href="inform.jsp"  >通知公告</a></li>
								<li><a href="message.jsp">爱心留言</a></li>
								<%
								if(bjzz==null){
									out.print("<li><a href='#address'>爱心征集</a></li>");
								}else{
									out.print("<li><a href='collect.jsp'>爱心征集</a></li>");
								}
								%>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!-- //navigation --> 
		</div>
		<!-- //header-end -->
		<!-- 图片轮播-->
			<div class="container">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					</ol>

					<!-- 轮播组件的内容-->
					<div class="carousel-inner wow lightSpeedIn" role="listbox">
						<div class="item active"> <img src="images/main.jpg " alt="carousel_1"/> </div>
						<div class="item"> <img src="images/8.jpg " alt="carousel_2"/> </div>
						<div class="item"> <img src="images/9.jpg " w alt="carousel_3"/> </div>
					</div>

					<!-- 向左向右的按钮 -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
	   <!--介绍-->
		<div class="jumbotron" >
			<div class="container" >
				<h2>看到这些你心中作何感想?</h2>
				<p>同学们一定会为寝室衣柜太狭小而苦恼，闲置的衣服却不知道该怎么处理。
				</p>
				<p>而我国的一些贫困地区,人们还只能穿着破洞的袜子和单薄的衣服在寒风中瑟瑟发抖，这时我们能做什么呢？
				</p>
				<p>旧衣物捐赠就是一个既能处理自己的闲置衣服又能为贫困地区人民送温暖的好办法,收到这些旧衣物，他们就能度过一个温暖的冬天啦~</p>
				<p>捐旧衣服是一个起点,是让在一个地方没有价值的东西在另一个地方重新发挥作用的过程的起点;</p>
                <p>是我们了解周围的世界,关心周围的世界的起点； </p>
                <p>是爱心的起点，是感受爱、传递爱、成为爱的起点。</p>
				<span ><a href="signup.jsp">旧衣捐赠，衣旧情深!九江学院旧衣服捐赠平台欢迎您的加入！</a>
				</span>
			</div>
		</div>
	</div>
	<!-- add-products -->
	<div class="add-products">  
		<div class="container">
			<div class="add-products-row">
				<div class="w3ls-add-grids">
					<a href="donate.jsp">
						<h4>男装</h4>
						<h5>men's clothing</h5>
						<h6> get into <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h6>
					</a>
				</div>
				<div class="w3ls-add-grids w3ls-add-grids-right">
					<a href="donate.jsp">
						<h4>女装</h4>
						<h5>women's dress </h5>
						<h6> get into <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h6>
					</a>
				</div> 
				<div class="clearfix"> </div> 
			</div>  	 
		</div>
	</div>
	<!-- //add-products --> 
	<!-- 分类 -->
	<div class="wthree-order">  
		<img src="images/5.png " class="w3order-img" alt=""/>
		<div class="container">
			<h3 class="w3ls-title">旧衣分类</h3>
			<p class="w3lsorder-text">请选择您捐赠的衣服类别</p>
			<div class="order-agileinfo">
				<div class="col-md-3 col-sm-3 col-xs-6 order-w3lsgrids"> 
					<div class="order-w3text"> 
						<i class="#" aria-hidden="true"></i>
						<a href="donate.jsp"><img src="images/1.png " alt="do"></a>
						<span>春秋</span>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 order-w3lsgrids"> 
					<div class="order-w3text"> 
						<i class="#" aria-hidden="true"></i>
						<a href="donate.jsp"><img src="images/2.png " alt=""></a>
						<span>夏装</span>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 order-w3lsgrids"> 
					<div class="order-w3text"> 
						<i class="#" aria-hidden="true"></i>
						<a href="donate.jsp"><img src="images/3.png " alt=""></a>
						<span>冬装</span>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 order-w3lsgrids"> 
					<div class="order-w3text"> 
						<i class="#" aria-hidden="true"></i>
						<a href="donate.jsp"><img src="images/4.png" alt=""></a>
						<span>其他</span>
					</div>
				</div>
				<div class="clearfix"> </div> 
			</div>
		</div>
	</div>
	<!-- //order -->    
	<!-- 捐赠地址 -->
	<div class="w3agile-deals"  id="address">
		<div class="container">
			<h3 class="w3ls-title">他们需要我们的帮助！</h3>
			<div class="dealsrow">
				<div class="col-md-6 col-sm-6 deals-grids">
					<div class="deals-left">
						<i class="fa fa-universal-access" aria-hidden="true"></i>
					</div> 
					<div class="deals-right">
					<%
						List<Jyzj> data1 =null;
						data1 =JyzjDAO.getAll(); //取所有记录
						 //遍历系统中所有的信息
						 String zjr = (String)session.getAttribute("zjr");
						if(zjr==null){
							out.print("<h4>四川阿坝藏族羌族自治州松潘县小姓乡姑纳村</h4><p>全村近100户村民，竟然有60%是贫困户，10%生活困难，过着居无安，食无饱的日子，他们特别需要我们的帮助和援助！</p>");
						}else{
		                for(Jyzj obj:data1){
		                	if(obj.getId()==1){
		                	 out.println("<h4>"+obj.getAddress()+"："+"<br>"+obj.getXq()+"</h4>");
		                	}
		                }
						}
						%>
					</div> 
					<div class="clearfix"> </div>
				</div> 
				<div class="col-md-6 col-sm-6 deals-grids">
					<div class="deals-left">
						<i class="fa fa-universal-access" aria-hidden="true"></i>
					</div> 
					<div class="deals-right">
						<%
						List<Jyzj> data2 =null;
						data2 =JyzjDAO.getAll(); //取所有记录
						 //遍历系统中所有的信息
						if(zjr==null){
							out.print("<h4>甘肃省会宁县杨集乡邢坪村石岔社</h4><p>会宁是全国有名的状元县，却也是非常贫困的地区，希望大家能帮助那些没有其他生活来源的村民们！</p>");
						}else{
		                for(Jyzj obj:data2){
		                	if(obj.getId()==2){
		                	 out.println("<h4>"+obj.getAddress()+"："+"<br>"+obj.getXq()+"</h4>");
		                	}
		                }
						}
						%>
					</div> 
					<div class="clearfix"> </div>
				</div>
			
				</div>
				<div class="clearfix"> </div>
				<div class="col-md-6 col-sm-6 deals-grids">
					<div class="deals-left">
						<i class="fa fa-universal-access" aria-hidden="true"></i>
					</div>
					<div class="deals-right">
						<%
						List<Jyzj> data3 =null;
						data3 =JyzjDAO.getAll(); //取所有记录
						 //遍历系统中所有的信息
						 if(zjr==null){
							 out.print("<h4>甘肃省会宁县杨集乡邢坪村石岔社</h4><p>会宁是全国有名的状元县，却也是非常贫困的地区，希望大家能帮助那些没有其他生活来源的村民们！</p>");
						 }else{
		                for(Jyzj obj:data3){
		                	if(obj.getId()==3){
		                	 out.println("<h4>"+obj.getAddress()+"："+"<br>"+obj.getXq()+"</h4>");
		                	}
		                }
						 }
						%>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 col-sm-6 deals-grids">
					<div class="deals-left">
						<i class="fa fa-universal-access" aria-hidden="true"></i>
					</div>
					<div class="deals-right">
						<%
						List<Jyzj> data4 =null;
						data4 =JyzjDAO.getAll(); //取所有记录
						 //遍历系统中所有的信息
						 if(zjr==null){
							 out.print("<h4>甘肃省会宁县杨集乡邢坪村石岔社</h4><p>会宁是全国有名的状元县，却也是非常贫困的地区，希望大家能帮助那些没有其他生活来源的村民们！</p>");
						 }else{
		                for(Jyzj obj:data4){
		                	if(obj.getId()==4){
		                	 out.println("<h4>"+obj.getAddress()+"："+"<br>"+obj.getXq()+"</h4>");
		                	}
		                }
						 }
						%>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //deals --> 
	<!-- 爱心活动 -->
	<div class="w3agile-spldishes" >
		<div class="container">
			<h3 class="w3ls-title">各地捐衣活动</h3>
			<div class="spldishes-agileinfo">
				<div class="col-md-3 spldishes-w3left">
					<h5 class="w3ltitle">让爱循环</h5>
					<h5 >衣旧情深</h5>
					<p>全国各地开展寒冬衣物捐赠公益活动</p>
				</div> 
				<div class="col-md-9 spldishes-grids">
					<!-- Owl-Carousel -->
					<div id="owl-demo" class="owl-carousel text-center agileinfo-gallery-row">
						<a href="products.jsp" class="item g1">
						<img class="lazyOwl" src="images/g1.jpg" title="Our latest gallery" alt=""/>
						<div class="agile-dish-caption">
							<h4>贵州：大学生“团扶行动”</h4>
							<span>让留守儿童温暖过冬</span>
						</div>
					</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g3.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>唐山：52个“爱心邮箱”齐亮相</h4>
								<span>让闲置衣物物尽其用 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g2.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>晋城：“暖冬行动” </h4>
								<span>义工联合会连续5年,汇集千万爱心 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g5.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>济南：“暖冬爱心衣橱”公益活动</h4>
								<span>小善举汇集大能量 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g4.jpg" alt=""/>
							<div class="agile-dish-caption">
								<h4>东营：志愿服务中心冬衣捐往贫困地区</h4>
								<span>衣旧情深让爱暖冬 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g1.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>贵州：大学生“团扶行动”</h4>
								<span>让留守儿童温暖过冬</span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g3.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>唐山：52个“爱心邮箱”齐亮相</h4>
								<span>让闲置衣物物尽其用 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g2.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>晋城：“暖冬行动” </h4>
								<span>义工联合会连续5年,汇集千万爱心 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g5.jpg" title="Our latest gallery" alt=""/>
							<div class="agile-dish-caption">
								<h4>济南：“暖冬爱心衣橱”公益活动</h4>
								<span>小善举汇集大能量 </span>
							</div>
						</a>
						<a href="products.jsp" class="item g1">
							<img class="lazyOwl" src="images/g4.jpg" alt=""/>
							<div class="agile-dish-caption">
								<h4>东营：志愿服务中心冬衣捐往贫困地区</h4>
								<span>衣旧情深让爱暖冬 </span>
							</div>
						</a>
					</div> 
				</div>  
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- 联系我们 -->
	<div class="subscribe agileits-w3layouts">
		<div class="container">
			<div class="col-md-6 social-icons w3-agile-icons">
				<h4>Keep in touch</h4>
				<ul>
					<li><a href="#" class="fa fa-comment icon comment"> </a></li>
					<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
					<li><a href="#" class="fa fa-fa-envelope icon fa-envelope "> </a></li>
					<li><a href="#" class="fa fa-phone  icon phone"> </a></li>
					<li><a href="#" class="fa fa-rss icon rss"> </a></li>
				</ul>
				<ul class="apps">
					<li><h4>Download Our app : </h4> </li>
					<li><a href="#" class="fa fa-apple"></a></li>
					<li><a href="#" class="fa fa-windows"></a></li>
					<li><a href="#" class="fa fa-android"></a></li>
				</ul>
			</div>
			<div class="col-md-6 subscribe-right">
				<h3 class="w3ls-title">还不想为那些孩子们做什么吗? <br>
					<span ><a href="signup.jsp"> 现在就加入我们!</a></span></h3>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //联系我们 -->
	<!-- footer -->
	<div class="footer agileits-w3layouts">
			<div class="footer-grids" >
				<a href="#">网站简介</a>
				|
				<a href="#">我要捐赠</a>
				|
				<a href="#">通知公告</a>
				|
				<a href="#">爱心留言</a>
				|
				<a href="#">关于我们</a>
				<p>捐赠地址：九江学院三食堂学生服务中心</p>
				<p>爱心热线: 15779180127</p>
				<p>版权所有：信息A1541罗金苹</p>
			</div>
		</div>

	<!-- //footer --> 
	<!-- cart-js -->
	<script src="js/minicart.js"></script>
	<script>
        w3ls.render();

        w3ls.cart.on('w3sb_checkout', function (evt) {
        	var items, len, i;

        	if (this.subtotal() > 0) {
        		items = this.items();

        		for (i = 0, len = items.length; i < len; i++) { 
        		}
        	}
        });
    </script>  
	<!-- //cart-js -->	
	<!-- Owl-Carousel-JavaScript -->
	<script src="js/owl.carousel.js"></script>
	<script>
		$(document).ready(function() {
			$("#owl-demo").owlCarousel ({
				items : 3,
				lazyLoad : true,
				autoPlay : true,
				pagination : true,
			});
		});
	</script>
	<!-- //Owl-Carousel-JavaScript -->  
	<!-- start-smooth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>  
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>	
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
			
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
	<!-- //end-smooth-scrolling -->	  
	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<!-- //smooth-scrolling-of-move-up --> 
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</script>
</body>
</html>